<!-- Search组件 -->
<template>

    <div class="content">
        <el-input v-model="inputVal" style="max-width: 400px" placeholder="请输入关键字">
            <template #append>
                <el-button :icon="Search" @click="handleSelect" />
            </template>
        </el-input>
    </div>

</template>
<script setup lang='ts'>
import { ref, reactive } from 'vue'
import { Search } from '@element-plus/icons-vue';
const inputVal = ref('');
// 搜索
const handleSelect = () => {
    alert("搜索成功")
}
</script>
<style scoped>
.content {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
</style>